跳到主要内容

🍗 神经肉鸡大作战 · 技术文档

一、项目概览

项目说明
游戏名称神经肉鸡大作战 (Neuro Chicken)
类型Boss战 · 2D动作 · 梗游戏
技术形态单HTML文件(零依赖,即开即玩)
目标平台PC浏览器 + 手机触屏(横屏)
核心体验玩家与“洋葱学术系统”战斗,3条命,Boss 10格血

二、文件结构

单一 HTML 文件(约 600 行)

  • HTML 结构(街机框体 + 触屏按钮)
  • CSS 样式(霓虹主题 + 横屏适配)
  • JavaScript 游戏逻辑

三、物理参数(手感核心)

参数说明
GRAVITY0.7重力加速度,下落干脆
JUMP_SPEED-11起跳速度,跳跃低矮精准
MOVE_SPEED4水平移动速度
MAX_FALL12最大下落速度
ATTACK_COOLDOWN60帧(1秒)攻击冷却

四、滑铲系统(Zero风格)

参数说明
SLIDE_DURATION20帧(≈0.33秒)滑铲持续帧数
SLIDE_DISTANCE120px固定位移长度
SLIDE_END_LAG8帧(≈0.13秒)起身硬直

速度曲线:ease-out(先快后慢),模拟推进加速度

特性

  • 滑铲期间无敌(不扣血)
  • 结束后有起身硬直(手感反馈,非UI冷却)
  • 只能在地面使用

五、角色系统

玩家(Player)

属性类型说明
x, yNumber位置坐标
w, hNumber碰撞箱尺寸(28×36)
currentHNumber动态高度(下蹲/滑铲时变化)
hpNumber当前生命值(最大3格)
facingNumber朝向(1=右,-1=左)
onGroundBoolean是否在地面
isDuckingBoolean是否下蹲
isSlidingBoolean是否滑铲中
slideEndLagNumber起身硬直倒计时
invincibleNumber无敌帧倒计时

Boss(洋葱学术系统)

属性类型说明
x, yNumber位置坐标
w, hNumber碰撞箱尺寸(72×80)
hpNumber当前生命值(最大10格)
drawYNumber实际绘制Y(含浮动偏移)
hoverPhaseNumber浮动相位
hoverSpeedNumber浮动速度(0.03)
hoverAmplitudeNumber浮动幅度(60px)
bulletsArray子弹数组

六、Boss攻击模式

攻击触发条件描述
扇形弹幕每100帧6颗「?」弹幕呈扇形射出
追踪弹每200帧1颗「❓」追踪弹缓慢跟踪玩家
焊接攻击每480帧4根焊条从屏幕上方坠落,落地后形成持续1秒的焊渣

七、玩家操作

PC键盘

按键动作
← / →左右移动
↑ / X / 空格跳跃
↓ / S下蹲
Z滑铲(地面)
C攻击(飞行道具)
R重置游戏

手机触屏

按钮动作
左摇杆移动 + 下蹲(下拉)
滑铲
跳跃
⚔️攻击

八、核心交互逻辑

交互效果
攻击命中BossBoss扣1血,闪白,粒子爆炸
Boss子弹命中玩家玩家扣1血,闪白,无敌帧
滑铲穿过Boss无伤害,纯位移
下蹲角色变矮,不可移动
死亡弹窗显示「🍗 你被烤熟了」
Boss击败弹窗显示「🎉 你打赢了系统!」

九、渲染与视觉

元素实现方式
街机框体CSS霓虹边框 + LED灯效
CRT效果CSS扫描线 + 暗角遮罩
玩家Canvas绘制的方块人(带ZERO风格光剑)
BossCanvas绘制的多层洋葱(渐变圆)
子弹Canvas绘制的圆形 + 文字标签
粒子系统爆炸/火花/焊渣粒子
屏幕震动命中时随机偏移画布

分辨率:854 × 480(固定画布尺寸,CSS自适应)

十、数据流向

玩家输入(键盘/触屏)

→ update() 更新逻辑

  • 玩家移动/跳跃/下蹲/滑铲
  • 物理引擎(重力/碰撞/速度)
  • Boss AI(攻击/子弹/浮动)
  • 碰撞检测(子弹/角色)
  • 状态管理(血量/无敌/冷却)

→ draw() 绘制

  • 背景/网格/平台
  • Boss/玩家/子弹
  • 粒子特效
  • HUD(血条/状态)

→ requestAnimationFrame 循环(60fps)

十一、依赖清单

依赖版本用途
HTML5 Canvas原生游戏渲染
Web Audio API原生8-bit音效合成
CSS3原生样式与动画
JavaScript (ES6)原生游戏逻辑

外部依赖:无(零依赖,完全自包含)

十二、当前版本状态

已完成

  • 玩家移动/跳跃/下蹲/滑铲(Zero风格手感)
  • Boss AI(3种攻击模式)
  • 碰撞检测(子弹/角色)
  • 血量系统(玩家3格,Boss10格)
  • 死亡/胜利闭环
  • 街机视觉框体
  • PC键盘 + 手机触屏支持
  • 横屏适配

待开发(按优先级)

  1. 雪碧图换皮(替换当前绘制的方块图形)
  2. 烤鸡结局动画(输赢都变烤鸡)
  3. 多阶段转场(Boss半血变色、加速)
  4. 新攻击模式(封装牢笼 / 自指镜像)

十三、参数调优记录

参数初始值当前值调优原因
SLIDE_DISTANCE80120手感更爽,能穿过Boss
GRAVITY0.60.7追求Zero重手感
JUMP_SPEED-10-11匹配重手感跳跃高度

文档版本:v1.0 | 更新日期:2026-06-20